<div class="callout">
  <figure
    class="app-icon large-icon safari-preview-icon"
    aria-hidden="true"></figure>
  <h4>Safari Technology Preview</h4>
  <p class="margin-bottom-small">
    Get a sneak peek at upcoming web technologies in macOS and iOS with
    <a href="/safari/technology-preview/" class="nowrap"
      >Safari Technology Preview</a
    >
    and experiment with these technologies in your websites and extensions.
  </p>
  <ul class="links small">
    <li class="dmg">
      <a
        class="inline"
        href="https://secure-appldnld.apple.com/STP/012-32918-20220629-B3452905-0138-4CA9-A4E6-334B63585653/SafariTechnologyPreview.dmg"
        >Safari Technology Preview 148 for macOS&nbsp;Monterey</a
      ><br /><span class="smaller lighter"
        >Requires macOS&nbsp;12.3 or later.</span
      >
    </li>
    <li class="document">
      <a href="/safari/technology-preview/release-notes/">Release Notes</a>
    </li>
  </ul>
  <div class="row gutter text-left">
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Release</p>
      <p class="smaller lighter no-margin">148</p>
    </div>
    <div class="column">
      <p class="sosumi no-margin-bottom margin-top-small">Posted</p>
      <p class="smaller lighter no-margin">June 29, 2022</p>
    </div>
  </div>
</div>
